
@import '../../css/theme.styl' 
    
.public-header
    width: 100%;
    height 40px;
    line-height: 40px;
    background: #333;
    color #b0b0b0;
    font-size: 12px;
    .header-nav
        display: inline-block
        a 
            display inline-block
            padding 0 5px;
            &:hover 
                color: #fff
        .sep
            font-family: sans-serif;
            color #424242
    .nav-left
        float left
    .nav-right 
        float right
        .shopcar
            position relative
            .shopcar-hover
                position: relative;
                display: inline-block;
                margin-right: -5px;
                padding:0 10px;

                color: #b0b0b0
                background: #424242;
                z-index: 32;
                .iconfont
                    font-size: 20px;
                    line-height: 20px
                    vertical-align: -3px;
                    margin-right: 4px;
            .shopcar-menu
                position: absolute;
                overflow hidden
                right: 0;
                top: 40px;
                z-index: 31;
                width: 316px;
                height: 0px;
                line-height: 80px;
                text-align: center;
                color: #424242;
                background: #fff;
                box-shadow: 0 2px 10px rgba(0,0,0,.15);
                transition: height .3s;
            &:hover
                .shopcar-hover
                    color:$themecolor;
                    background: #fff;
                .shopcar-menu
                    height 80px;
                    line-height: 80px;